﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
a{ text-decoration:none}
li{ list-style:none; padding:0px; margin:0px;}
.left{ float:left}
.right{ float:right}
.clear{ clear:both;}

.qianduantexiao,.wangzhanmuban_fuwu,.anli_zhanshi,.learn_kuzhan,.contact{
    background-color:#fff;
    width:100%;
    margin-bottom:40px;}
.contact{
    margin-bottom:60px;}

.beijing{
    background:#f6f6f6; font-family:"黑体";
    font-size:18px;
    font-weight:bold;
}
.nav, .footer{
    width:100%;
    height:39px;
    font-size:14px;
    color:#fff;
    background-color:#3ab4ff;

}
.nav_box{
    width:980px;
    margin:0 auto;
    line-height:39px;

}
.nav .right a{
    margin-right:40px;
    color:#fff;
    display:block;
    float:left;
    padding:0 5px;
}
.nav a:last-of-type{
    margin-right:0;

}
.nav a:hover{
    background-color:#fff;
    color:#3ab4ff;
}
.lunbo{
    width:100%;

}
.lunbo img{
    width:100%
}
.circle_box{
    width:96px;
    margin:0 auto;
}
.circle{
    width:20px;
    height:20px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #86AEDD;
    float:left;
    margin-bottom:10px;
    margin-top:10px;
    margin-right:10px;

}
.circle:first-of-type{
    background-color:#3ab4ff;
}


.qianduantexiao_text,.anlizhanshi_text{
    color:#000;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-top:40px;

}

.qianduantexiao_beijing{
    width:234px;
    height:234px;
    border-radius:127px;
    background-color:#3ab4ff;
    float:left;
    margin-right:139px;
    display: block;
}
.qianduantexiao_beijing:nth-of-type(3){
    margin-right:0;}

.qianduantexiao_beijing_box,.muban_fuwu,.anlizhanshi_box,.learn_box{
    width:980px;
    margin:0 auto;
    padding-bottom:40px;
    padding-top:40px;
}
.qianduantexiao_box{
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:bold;

}
.diannaotexiao_img{

    margin-top:50px;
    margin-bottom:23px;
}


.muban_box,.learn_word{
    float:left;
    width:49%;
}

.muban_box:nth-of-type(2),.learn_word:nth-of-type(2){
    border-left:1px solid #dbdbdb;}

.muban_fenlei{
}
.muban_fenlei li,.learn_word_box li{
    float:left;
    margin-right:10px;
    font-size:12px;

    text-align:center;
    margin-bottom:40px;
}
.muban_fenlei li a{
    margin-top:20px;
    color:#2c3e51;
    display:block;}
.muban_fenlei li a:hover{
    color:#3ab4ff;}
.muban_txt,.learn_word_text{
    text-align:center;
    margin-bottom:40px;
}
.web_jianzhan{
    padding-left:20px;
    font-size:12px;
    padding-right:20px;
    text-align:center;
}
.web_jianzhan a,.anli_box a{
    color:#2c3e51;
    padding-top:10px;
    display:block;
    font-size:12px;}
.more{
    font-size:12px;
    float:right;
    padding-right:20px}

.more a{
    color:#3ab4ff;}
.zongzhi{
    font-size:12px;
    color:#2c3e51;
    text-align:center;
    padding-top:10px;}
.anli_box{
    width:301px;
    height:157px;
    border:1px solid #dbdbdb;
    text-align:center;
    float:left;
    margin-bottom:30px;}
.anli_box img{
    padding-top:30px;
}
.anlizhanshi_box{
    column-count:3;
    -webkit-column-count:3;
    -moz-column-count:3;}
.learn_word_box li{
    float:none;
    padding-right:10px;
    padding-left:20px;
    padding-bottom:30px;}
.lixianliuyan{
    background-color:#87bed3;
    color:#fff;
    font-size:8px;
    width:112px;
    height:29px;
    border-radius:10px;
    float:left;
    text-align:center}
.contact_box{
    width:239px;
    margin:0 auto;
    padding:15px 0;
    cursor:pointer;}
.lixianliuyan img{
    margin-right:5px;}
.lixianliuyan a{
    float:right;
    line-height:29px;
    margin-right:7px;}
.lixianliuyan:first-of-type{
    margin-right:15px;}

.about_us_footer{
    position:fixed;
    bottom:0;
    left:0;}



.footer p{
    line-height:39px;
    text-align:center;
}

/*以上为首页代码*/

/* CSS Document */

.pic_qianduan img{
    width:100%;
}


.child_nav{
    width:980px;
    margin:0 auto;
    margin-top:20px;
    height:33px;
    padding-bottom:6px;}


.child_nav .left{
    line-height:33px;}


.child_nav .left a{

    padding:15px;
    color:#000;
    font-weight:normal;
    font-size:15px}

.child_nav .left a:hover{
    background-color:#fff;
    color:#3ab4ff;}

.search{
    width:35px;
    height:32px;
    background-color:#3ab4ff;
    float:left;
    border:1px solid #fff;
    border-radius:2px;
    text-align:center;}

.search img{
    padding-top:6px;}

.search_box{

    float:left;
    margin-right:10px;}

.search_box input{
    height:32px;
    width:216px;
    border:1px solid #808080;
    border-radius:2px;
}


.texiao{

    background-color:#fff;
    margin-bottom:60px;}


.texiao_box,.kongjianzulin{

    width:90%;
    margin:0 auto;
    column-count:4;
    webkit-column-count:4;
    moz-column-count:4;
    margin-bottom:60px;}



.small_texiao_box{

    width:312px;
    height:200px;
    border:1px solid #dbdbdb;
    text-align:center;
    float:left;
    margin-top:20px;
    background-color:#fff;
    margin-right: 15px;
}
.small_texiao_box:nth-of-type(4n){
    margin-right: 0px;
}


.small_texiao_box img{
    padding-top:10px;}


.small_texiao_box a, .fenye a{
    font-size:12px;
    color:#000;
    margin-top:10px;
    display:block;
    font-weight:normal;}

.small_texiao_box a:hover,.fenye a:hover{
    color:#3ab4ff;}

.fenye{

    text-align:center;
    padding:5px 0;
    margin-top:20px;
    background-color:#f6f6f6;
}

.fenye a:hover{
    background-color:#fff;
    padding:10px;}

.fenye_box{

    padding-bottom:30px;
    margin-bottom:20px;}

.fenye a{
    display:inline;}
/*
<!--
以上为前端特效代码-->*/

.muban_nav1{
    padding:10px 0;
    margin-top:10px;
    width:980px;
    margin:0 auto;
    font-weight:normal;}

.muban_nav1 span{
    font-size:16px;

}

.muban_nav1 a,.muban_yema a{
    font-size:14px;
    color:#000;}

.muban_nav1 a:hover,.muban_yema a:hover{
    color:#3ab4ff;}

.muban_text_box{
    background-color:#fff;
    margin-top:15px;}

.muban_fenlei{
    float:right;
}

.muban_yema{
    width:980px;
    text-align:right;
    margin:0 auto;
    padding-bottom:18px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:normal;}


/*以上为网站模板代码*/

.pic_qianduan h1{
    margin-top:-120px;
    text-align:center;}

.kongjianzulin_box{
    width:316px;
    border-radius:10px;
    background-color:#fff;
    font-size:14px;
    line-height:40px;
    margin-bottom:25px;
    padding-bottom:30px;
    float: left;
    margin-right: 15px;
}
.kongjianzulin_box:nth-of-type(4n){
    margin-right: 0px;
}

.lijizixun{
    background-color:#3ab4ff;
    width:90px;
    height:30px;
    border-radius:5px;
    text-align:center;
    line-height:30px;
    margin:0 auto;
    margin-top:30px;}

.lijizixun a{
    font-size:14px;
    color:#fff;}

.lijizixun:hover{
    background-color:#289fe8;}

.kongjianzulin_box p{
    padding-left:20px;}

.kongjianzulin_box p:first-of-type{
    font-size:16px;
    text-align:center;
    padding-top:30px;}

.pic_wangzhanzulin,.pic_wangzhanjianshe{
    background-image:url(../images/pic_kongjianzulin.png);
    height:250px;
    text-align:center;
    line-height:250px;
    margin-bottom:20px;}

/*以上为网站租赁代码*/

.pic_wangzhanjianshe{
    background-image:url(../images/pic_wangzhanjianshe.png);
}

.web_jianshe{
    background-color:#fff;
}
.third_web_jianshe{
    margin-bottom:60px;}

.webjianzhan{
    width:980px;
    margin:0 auto;
    text-align:center;
    color:#262626;
    padding:10px 0;
    margin-bottom:20px;
}

.web_jianzhan_box,.dingzhi_h5,.app_jianshe{
    width:200px;
    height:200px;
    border-radius:100px;
    background-color:#86aedd;}

.web_jianzhan_box img{
    padding-top:40px;
    margin-bottom:10px;}

.web_jianzhan_box a{
    font-size:15px;
    color:#262626;
}

.web_jianzhan_box_text{
    font-family:STKaiti;
    font-size:12px;
    text-align:left;

    height:200px}

.web_box{
    width:45%;
    float:left;}
.web_text{
    float:left;
    line-height:40px;
    width:55%;
}


.web_lijizixun,.h5_lijizixun{
    width:94px;
    height:20px;
    border-radius:5px;
    background-color:#86aedd;
    text-align:center;

    font-size:12px;
    line-height:20px;
    float:right;
    margin-right:20px;}

.web_lijizixun a{
    color:#fff;

}

.dingzhi_h5,.h5_lijizixun{
    background-color:#f7d54a}

.app_jianshe,.app_jilizixun{
    background-color:#ee6a56;}

/*以上为网站建设代码*/

.contact_us{
    background-image:url(../images/about_us2.png);
    height:250px;}

.contact_us_text{
    width:980px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:30px;}

.contact_xiangqing{
    width:980px;
    margin:0 auto;
    font-size:14px;
    padding-left:40px;}

.contact_xiangqing li{
    list-style-image:url(../images/lingxing.png);
    margin-bottom:30px;
    padding-left:60px;}

.contact_xiangqing a{
    color:#000;}

.contact_xiangqing a:hover{
    text-decoration:underline;
    color:#3ab4ff;}
/*以上为联系我们代码*/

.pic_anli{
    background-image:url(../images/teamwork.png);
    height:250px;}

.company_box{
    width:240px;
    height:240px;}

/*以上为关于我们的代码*/

.pic_learing img{
    width:100%;}

.learning_box{

    width:980px;
    font-size:12px;
    background-color:#fff;
    margin:0 auto;
    margin-top:20px;}

.learning_box h3{
    margin-bottom:20px;}

.learning_box li{
    padding-bottom:20px;
    border-bottom:1px solid #ededed;
    padding-top:20px;
    padding-left:20px;}

.learning_box p{
    font-size:10px;
    line-height:20px;
    text-indent:4px;
    font-weight:normal;}

.learning_box p:first-of-type{
    text-indent:20px;}

.expand_text{
    float:right;
    padding-right:20px;
}

.expand_text:hover{
    color:#3ab4ff;}

.learning_word_fenye{
    width:980px;
    margin:0 auto;
    font-size:10px;
    text-align:right;
    margin-bottom:20px;
    margin-top:20px;
}
.learning_word_fenye a{
    padding:5px;
    color:#000;}


.learning_word_fenye a:hover{
    color:#3ab4ff;
    background-color:#fff;}

/*以上为 学习天地 代码*/

.pic_web_appreciation img{

    width:100%;}

/*以上代码为学习天地 代码*/

.pic_child_learning img{
    width:100%;}

.childlearning_box{
    width:980px;
    margin:0 auto;
    background-color:#fff;
    margin-top:20px;
    margin-bottom:30px;}

.childlearning_box h3{
    padding-top:20px;
    padding-left:20px;
    margin-bottom:30px;}

.xmp_box{
    font-size:18px;
    text-indent:30px;
    font-weight:normal;}

.back{
    width:95px;
    line-height:34px;
    border-radius:5px;
    text-align:center;
    background-color:#3ab4ff;
    float:right;
    margin-right:30px;
    margin-bottom:30px;
    font-weight:normal;

}
.back a{

    color:#000;
}

.back a:hover{
    color:#fff;}

/* 以上代码为学习天地详情单页*/

.messges_box{
    width:400px;

    background-color:#F8F8F8;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    margin:0 auto;
    text-align:left;
    margin-top:20px;
    padding-bottom:20px;
    border-radius:10px;



}

.messges_box h2{

    text-align:center;
    margin-bottom:20px;
    letter-spacing:30px;
    font-size:25px;
}

.messges_box p{
    margin-left:20px;
    margin-bottom:10px;
    font-size:15px;}
.messges_box input,textarea{
    width:300px;
    height:30px;
    text-indent:20px;
    margin-bottom:10px;
    margin-left:20px;
    letter-spacing:6px;
    resize:none;
    border:1px solid #E5E5E5;
    background-color:#FBFBFB;
    border-radius:3px;}
.messges_box textarea{
    width:300px;
    height:150px;
    padding-top:20px;
}

.submit{
    width:106px;
    height:36px;
    background-color:#66C1E4;
    text-align:center;
    margin:0 auto;
    line-height:36px;
    border-radius:5px;
    color:#fff;
    font-size:15px;
    cursor:pointer;
}

.submit:hover{
    color:#fff;
    border:1px solid #c3a657;}

#code{
    width:150px;
    text-indent:10px;
    margin-bottom:20px;}

#messages_box{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:100;
    display:none;
    width:100%;
    background-color:rgba(0,0,0,0.5);

}

.close{
    margin-right:10px;
    margin-top:10px;

    width:40px;
    height:40px;
    background-color:#fff;
    border-radius:28px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    background-image: url('../images/close1.png');
    background-repeat: no-repeat;
    background-position: center;
}

.close img{
    padding-top:10px;}

.close:hover{
    background-color:rgba(102,102,102,0.2);
}

.messages_header{
    width:400px;
    height:80px;
    background-color:#3EB1DD;
    text-align:center;
    line-height:80px;
    border-radius:10px 10px 0 0 ;
    color:#fff;
    position:relative;
    margin-bottom:20px;}

.current{
    background-color:#fff;
    color:#3ab4ff !important;
}